.repairDetails {
  height: 100%;
  &::after{
    content: '';
    clear: both;
    display: block;
  }
  // 左右宽度
  .aotside_left {
    height: 100%;
    width: calc(100% - 5.38rem);
    float: left;
    overflow-x: hidden;
    // 底部按钮
    .footerBtns {
      // display: flex;
      // justify-content: space-around;
      padding: 0.32rem 0;
      margin-left: 0.13rem;

      .btns {
        // width: 50%;
        // display: flex;
        // justify-content: space-around;
        text-align: center;
      }
      .reformModel {
        width: auto;
      }
    }
  }

  .aotside_right {
    width: 5.14rem;
    float: right;
    margin-left: 0.24rem;
    height: 100%;
    background: #fff;
    overflow-x: hidden;
  }

  .boxOne {
    background: #ffffff;
    margin: 0.2rem 0 0 0.13rem;
    padding: 0.2rem;

    .baseInfo {
      padding: 0 0.1rem;
      margin-bottom: 30px;

      .baseInfo-body-item {
        display: inline-block;
        margin-right: 32px;
        margin-bottom: 10px;

        span:nth-child(1) {
          margin-right: 0.08rem;
          color: #999999;
        }
      }
    }

    // 设备和维修员
    .messageBox {
      margin-bottom: 24px;
      &::after{
        content: '';
        display: block;
        clear: both;
      }
    }

    .centerBox {
      width: 5.7rem;
      margin-right: 0.3rem;
      float: left;
      height: 268px;
      background: rgba(255, 255, 255, 1);

      .seletmsg {
        width: 1.81rem;
        height: 0.13rem;
        font-size: 12px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: rgba(204, 204, 204, 1);
        line-height: 0.48rem;
        margin-left: 0.2rem;
      }

      .centerfoot {
        width: 5.70rem;
        height: calc(100% - 40px);
        padding: 0.16rem;
        border: 1px solid rgba(235, 235, 235, 1);
        margin-left: 0.12rem;
        .mesgboxTop {
          margin-bottom: 0.1rem;

          .mesgboTop_title {
            display: inline-block;
            width: 62%;
            margin-right: 5%;
            font-size: 16px;
            font-family: Source Han Sans CN;
            font-weight: 400;
            color: rgba(102, 102, 102, 1);
          }

          .create_title {
            font-size: 12px;
            font-family: Adobe Heiti Std;
            font-weight: normal;
            color: rgba(153, 153, 153, 1);
          }

          .crate_time {
            font-size: 12px;
            margin-left: 0.05rem;
          }
        }
        .contentbox::after {
          content: '';
          display: block;
          clear: both;
        }

        .imgbox {
          width: 2.78rem;
          float: left;
          height: 162px;
          border-radius: 0.04rem;
          border: 1px solid rgba(234, 237, 241, 1);
          position: relative;
          margin-right: 0.16rem;

          img {
            width: 100%;
            height: 100%;
          }

          .imgalt {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 33px;
            background: rgba(95, 100, 112, 0.7);
            padding: 0 0.16rem;
            font-size: 12px;
            color: #ccc;
            >span{
              display: inline-block;
              width: 50%;
              &:last-child{text-align: right}
            }
            .imgalText {
              color: #fff;
              font-size: 14px;
              margin-left: 0.05rem;
            }
          }
        }

        .mesgbox {
          width: calc(100% - 2.94rem);
          float: right;
          height: 162px;

          .otsidebox {
            padding-top: 21px;
            height: 100%;
            >div{
              display: inline-block;
              vertical-align: top;
              &:first-child{width: 60%}
              &:last-child{width: 40%}
            }
            .contentbox1 {
              font-size: 14px;

              .titles {
                font-weight: 400;
                color: rgba(153, 153, 153, 1);
              }

              .contents {
                font-weight: 400;
                color: rgba(102, 102, 102, 1);
              }
            }
          }
        }
      }
    }

    .rightBox {
      float: right;
      width: calc(100% - 6rem);
      height: 268px;
      background: rgba(255, 255, 255, 1);

      .seletmsg {
        width: 1.81rem;
        height: 13px;
        font-size: 12px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: rgba(204, 204, 204, 1);
        line-height: 48px;
        margin-left: 0.03rem;
      }

      .userMsg {
        height: calc(100% - 40px);
        width: 100%;
        padding: 27px 0.15rem;
        border: 1px solid rgba(235, 235, 235, 1);
        margin-left: 0.12rem;
        &::after{
          content: '';
          display: block;
          clear: both;
        }
        .photobox {
          width: 113px;
          float: left;
        }

        .photo_title {
          font-size: 14px;
          color: rgba(153, 153, 153, 1);
        }

        .photo {
          width: 113px;
          height: 113px;
          border: 1px;
          margin-bottom: 12px;

          img {
            width: 100%;
            height: 100%;
          }
        }

        .msg {
          width: calc(100% - 113px - 0.05rem);
          float: right;
          height: 100%;
          .msg-item{
            height: 33.3%;
            >div{
              display: inline-block;
              width: 47.5%;
              &:first-child{margin-right: 5%}
            }
          }
          .title {
            font-size: 14px;
            font-family: Source Han Sans CN;
            font-weight: 400;
            color: rgba(153, 153, 153, 1);
            text-align: right;
          }

          .text {
            font-size: 14px;
            font-family: Source Han Sans CN;
            font-weight: 400;
            color: rgba(102, 102, 102, 1);
            white-space: normal;
            word-break: break-all;
          }

          .msgTitle {
            margin-right: 0.18rem;
          }
        }
      }
    }

    .imgWrrip {
      margin-left: 0.13rem;
      >div{
        display: inline-block;
      }
    }
  }
}
